.videos1{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    background-color: black;
    position: relative;
    video{
        width: 100vw;
        height: 7.893333rem;
    }
    i{  
        
        color: white;
        position: absolute;
        top: 14rem  ;
        font-size: 0.533333rem;
        display: block;
        text-align: left;
        text-indent: 0.533333rem;
        width: 260px; 
        font-style: normal;
        line-height: 0.88rem;
    }
    span{
        color: white;
        position: absolute;
        top: 15rem  ;
        margin-left: 0.266667rem;
        font-size: 0.426667rem;
        display: block;
        width: 260px;
        
    }
    ul{
        position: absolute;
        width: 70px;
        height: 382px;
        left: 310px;
        top: 5.333333rem;
        color: white;
        list-style: none;
        li{
            width: 1.466667rem;
            height: 1.466667rem;
            float: left;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            overflow: hidden;
            line-height: 1.6rem;
            text-align: center;
            margin-top: 0.213333rem;
            img{
                width: 1.866667rem;
                height: 1.866667rem;
            }
            &:nth-child(2){
                margin-top: 0.613333rem;
                background-color: black;
            }
            .dianzan{
               margin-left: 17.5px;
               margin-top: 17.5px;
                width: 20px;
                height: 20px;
                display: block;
                background: url(//p1.meituan.net/moviemachine/5377c2c03dacf20b6e286e3e72dd57911272.png);
                background-size: 100% 100%;
            }
            &:nth-child(3),&:nth-child(5),&:nth-child(7){
                font-size: 0.426667rem;
                width: 1.066667rem;
                height: 1.066667rem;
                margin-left: 10px;
                text-align: center;
                line-height: 1.066667rem;
                background-color: black;
            }
            &:nth-child(4){
                background-color: black;
            }
            .pinlun{
                margin-left: 17.5px;
                margin-top: 17.5px;
                 width: 20px;
                 height: 20px;
                 display: block;
                 background: url(//p0.meituan.net/moviemachine/8bdff1556f02f8f4a209643aba9b1fcf1636.png);
                 background-size: 100% 100%;
             }
             .fenxiang{
                margin-left: 17.5px;
                margin-top: 17.5px;
                 width: 20px;
                 height: 20px;
                 display: block;
                 background: url(//p0.meituan.net/moviemachine/7e7aaf09a232efb02ff8697deb522d151367.png);
                 background-size: 100% 100%;
             }
        }          
    }
}

